<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--  引入本地的vue.js文件-->
    <script src="../js/vue2.js"></script>
</head>
<body>


<div id="app">
 <h1>学生信息展示</h1>

</div>


<script type="text/javascript">
/*
*  渲染学生信息
*      name   id  age
*
* */
  let vm = new Vue({
      //   使用模板进行数据的渲染 节点数据必须包含在一个根节点下   要保证标签的结构  需要进行字符串的拼接  编写不方便
      template:'<div>' +
                  '<span>学号:{{studentNo}}</span>' +
                  '<span>姓名:{{name}}</span>' +
                  '<span>年龄:{{age}}</span>' +
              '</div>',
      data:{
          studentNo:'1001',
          name:'tom',
          age:20
      }
  })

 vm.$mount("#app")
</script>

</body>
</html>